// 获取分类.渲染
let form = layui.form
$.ajax({
    url: '/my/category/list',
    success: function (res) {
        let arr = []
        res.data.forEach(item => {
            arr.push(`<option value="${item.id}">${item.name}</option>`)
        })
        $('select[name=cate_id]').append(arr.join(''))
        // 更新渲染
        form.render('select')
    }
})

// 把textarea换成在线文本编辑器
initEditor()




// 剪裁区
// 1. 初始化图片裁剪器
let image = $('#image')
// 2. 裁剪选项
let options = {
    aspectRatio: 400 / 280,
    preview: '.img-preview'
}

// 3. 初始化裁剪区域
image.cropper(options)



// 点击按钮注册事件
$('.choose').on('click', function () {
    $('#file').trigger('click')
})



$('#file').on('change', function () {
    let files = this.files
    if (files.length > 0) {
        let url = URL.createObjectURL(files[0])
        // 切换图片时注意先取消剪裁工具
        image.cropper('destroy').attr('src', url).cropper(options)
    }
})

$('form').on('submit', function (e) {
    e.preventDefault()
    let data = new FormData(this)
    // 富文本内容追加到数据中
    data.set('content', tinyMCE.activeEditor.getContent())
    // 图片以文件格式提交
    let canvas = image.cropper('getCroppedCanvas', {
        width: 400,
        height: 400
    })
    canvas.toBlob(function (blob) {
        data.append('cover_img', blob)
        console.log(data);
        $.ajax({
            url: '/my/article/add',
            type: 'post',
            data: data,
            processData: false,
            contentType: false,
            success: function (res) {
                layer.msg(res.message)
                if (res.status === 0) {
                    location.href = './newart.html'
                }
            }
        })
    })

})